<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <%@include file="style.jsp" %>
    <%@include file="script.jsp" %>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/orderlang/distributor/css/order_statistics.css"/>
    <title>订单报表</title>
</head>
<body onselectstart="return false">
<div id="container_1" style="height:100%">
    <div style="position: relative">
        <%@include file="header.jsp" %>
    </div>
    <div id="content" class="clearfix">
        <%@include file="left_menu.jsp" %>
        <!--内容部分-->
        <div class="right-content" style="margin:75px 20px 0 213px;">
            <p class="brand">
                <a>报表</a>><a class="now">订单统计报表</a>
            </p>
            <div class="content">
                <div class="top-block">
                    <div class="date fl">
                        <span class="fl">订单时间</span>
                        <input class="fl" id="datePicker" readonly placeholder="选择日期" onchange="changes()"/>
                    </div>
                    <div class="select-box fl">
                        <div class="fl">
                            <input type="text" readonly class="show" placeholder="客户类型"/>
                            <input type="text" readonly class="hidden" id="customerTypeId"/>
                            <span>▼</span>
                            <ul class="hide">
                                <li data-id="">全部</li>
                                <li data-id="shareholder">股东</li>
                                <li data-id="diamond">钻石会员</li>
                                <li data-id="gold">金卡会员</li>
                                <li data-id="general">普卡会员</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="center">
                    <div class="clearfix">
                        <p>
                            <span>订单数</span>
                            <span class="order_count"></span>
                        </p>
                        <p>
                            <span>退货单数</span>
                            <span class="return_count"></span>
                        </p>
                        <p>
                            <span>订货客户数</span>
                            <span class="order_customer_count"></span>
                        </p>
                        <p>
                            <span>退货客户数</span>
                            <span class="return_customer_count"></span>
                        </p>
                        <p>
                            <span>订单金额</span>
                            <span  class="order_price"></span>
                        </p>
                        <p>
                            <span>退单金额</span>
                            <span class="return_price"></span>
                        </p>
                    </div>
                    <div class="type clearfix">
                        <div class="select-box fl">
                            <div class="fl">
                                <input type="text" readonly class="show" id="data_type" value="订单数量"/>
                                <span>▼</span>
                                <ul class="hide">
                                    <li>订单数量</li>
                                    <li>退单数量</li>
                                    <li>订单金额</li>
                                    <li>退单金额</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div id="chart-block">

                    </div>
                </div>
                <div class="product-list">
                    <table>
                        <thead>
                        <tr>
                            <td>日期</td>
                            <td>订单数</td>
                            <td>订货客户数</td>
                            <td>订货金额</td>
                        </tr>
                        </thead>
                        <tbody>
						<c:forEach items="${orderCountDtos}" var="iR">
                        <tr>
                            <td><fmt:formatDate value="${iR.createTime}"  pattern="yyyy-MM-dd"/></td>
                            <td>${iR.orders}</td>
                            <td>${iR.customers}</td>
                            <td>￥${iR.amounts}</td>
                        </tr>
						</c:forEach>
                        </tbody>
                    </table>
 					<!-- -----分页----- -->
                   	<div class="quotes" style="margin-top: 50px"></div>
                </div>
            </div>
        </div>
        <script src="${pageContext.request.contextPath}/static/orderlang/distributor/js/order_statistics.js"></script>
        <!--内容部分结束-->
    </div>
</div>

</body>
</html>